<template>
  <div class="kehudetail">
    <div style="display:flex;width:1330px;justify-content: space-between;margin:0px 0 10px">
      <div>
        <router-link to="/main/kehu"><my-button color='none'> <i class="el-icon-arrow-left"></i> 返回</my-button></router-link>
        
      </div>
      <div style="display:flex;width:315px;justify-content: space-between">
        <my-button :color='true'>创建工单</my-button>
        <my-button color='none'>删除客户</my-button>
        <my-button color='none'>拉黑客户</my-button>        
      </div>
    </div>
    <kehu-more-info></kehu-more-info>
    <div style="width:10px"></div>
    <kehu-more-detail></kehu-more-detail>
  </div>
</template>

<script>
import MyButton from '@/components/MyInput/MyButton'
import KehuMoreInfo from '@/components/Kehu/KehuMoreInfo'
import KehuMoreDetail from '@/components/Kehu/KehuMoreDetail'
export default {
  components: {
    MyButton,
    KehuMoreInfo,
    KehuMoreDetail
  },
  created() {
      this.$store.commit('setTitle','客户详情')
      this.$store.commit('NavStyleClear','客户')
  },
  data() {
    return {
    };
  },
};
</script>

<style>
.kehudetail{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
</style>